<div class="tab-pane box box-default">
  <div class="box-body">
    <form class="form-inline">
      <div class="form-group col-lg-12" style="padding-left:0px !important;">
        <button type="button" class="btn btn-primary" (click)="changeSStatu('fundInfo')" href="#tab_sc1" data-toggle="tab">
          <i class="fa fa-edit"></i>产品信息</button>
        <button type="button" class="btn btn-primary" (click)="changeSStatu('dateView')" href="#tab_sc2" data-toggle="tab">
          <i class="fa fa-edit"></i>日期视图</button>
        <button type="button" class="btn btn-primary" (click)="changeSStatu('privyView')" href="#tab_sc3" data-toggle="tab">
          <i class="fa fa-edit"></i>关系人视图</button>
      </div>
      <div class="form-group" style="margin-top:10px;margin-bottom:10px">
        <label class="control-label text-right">组合名称：</label>
        <input class="form-control" type="text" [(ngModel)]="getBody.sFullName" placeholder="请输入组合名称" name="sFullName">
        <button type="button" class="btn btn-primary" (click)="list()">
          <i class="fa fa-search"></i>查询</button>
        <button type="button" class="btn btn-primary" (click)="exportExcel()">
          <i class="fa fa-sign-out"></i>导出Excel</button>
      </div>
    </form>
    <div class="tab-content">
      <div class="tab-pane active" id="tab_sc1">
        <div style="overflow-x:scroll">
          <table id="fixed_table" class="table table-bordered table-hover table-keep-line table-striped">
            <thead>
              <tr>
                <th class="fixed-th-50">
                  <div class="checkbox checkbox-primary">
                    <input type="checkbox" id="checkboxAll" [(ngModel)]="isCheckedAll" (ngModelChange)="checkedAll()">
                    <label>
                    </label>
                  </div>
                </th>
                <th class="fixed-th-120" (click)="orderData('sFullName')">组合名称<i class="fa fa-sort"></i></th>
                <th class="fixed-th-120" (click)="orderData('sFundCode')">组合代码<i class="fa fa-sort"></i></th>
                <th class="fixed-th-120" (click)="orderData('sProductType')">组合类型<i class="fa fa-sort"></i></th>
                <th class="fixed-th-120" (click)="orderData('sContractName')">合同名称<i class="fa fa-sort"></i></th>
                <th class="fixed-th-120" (click)="orderData('sTermTypeZh')">期限<i class="fa fa-sort"></i></th>

                <th class="fixed-th-120" (click)="orderData('sIsRenewal')">是否自动续约<i class="fa fa-sort"></i></th>
                <th class="fixed-th-120" (click)="orderData('sBenchmark')">业绩比较基准<i class="fa fa-sort"></i></th>
                <th class="fixed-th-120" (click)="orderData('sOtherInvestor')">其他投管人<i class="fa fa-sort"></i></th>
                <th class="fixed-th-120" (click)="orderData('sIsAssetTransfer')">是否资产移交<i class="fa fa-sort"></i></th>
                <th class="fixed-th-120" (click)="orderData('sInvestor')">移交投管人<i class="fa fa-sort"></i></th>
              </tr>
            </thead>
            <tbody>
              <tr *ngFor="let item of dataList">
                <td class="fixed-th-50">
                  <div class="checkbox checkbox-primary">
                    <input type="checkbox" id="checkbox1" [(ngModel)]="item.isChecked" (ngModelChange)="ctrlCheckAll()">
                    <label>
                    </label>
                  </div>
                </td>
                <td (dblclick)="edit(item)" class="fixed-th-120 short-name" [attr.title]="item.sFullName">{{item.sFullName}}</td>
                <td (dblclick)="edit(item)" class="fixed-th-120 short-name" [attr.title]="item.sFundCode">{{item.sFundCode}}</td>
                <td (dblclick)="edit(item)" class="fixed-th-120 short-name" [attr.title]="item.sProductTypeZh">{{item.sProductTypeZh}}</td>
                <td (dblclick)="edit(item)" class="fixed-th-120 short-name" [attr.title]="item.sContractName">{{item.sContractName}}</td>
                <td (dblclick)="edit(item)" class="fixed-th-120 short-name" [attr.title]="item.sTermTypeZh">{{item.sTermTypeZh}}</td>

                <td (dblclick)="edit(item)" class="fixed-th-120 short-name" [attr.title]="item.sIsRenewalZh">{{item.sIsRenewalZh}}</td>
                <td (dblclick)="edit(item)" class="fixed-th-120 short-name" [attr.title]="item.sBenchmark">{{item.sBenchmark}}</td>
                <td (dblclick)="edit(item)" class="fixed-th-120 short-name" [attr.title]="item.sOtherInvestor">{{item.sOtherInvestor}}</td>
                <td (dblclick)="edit(item)" class="fixed-th-120 short-name" [attr.title]="item.sIsAssetTransferZh">{{item.sIsAssetTransferZh}}</td>
                <td (dblclick)="edit(item)" class="fixed-th-120 short-name" [attr.title]="item.sInvestorZh">{{item.sInvestorZh}}</td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
      <!-- 日期视图 -->
      <div class="tab-pane" id="tab_sc2">
        <div style="overflow-x:scroll">
          <table id="fixed-table" class="table table-bordered table-hover table-keep-line table-striped">
            <thead>
              <tr>
                <th class="width-5">
                  <div class="checkbox checkbox-primary">
                    <input type="checkbox" id="checkboxAll" [(ngModel)]="isCheckedAll" (ngModelChange)="checkedAll()">
                    <label>
                    </label>
                  </div>
                </th>
                <th class="width-10" (click)="orderData('sFundCode')">组合代码<i class="fa fa-sort"></i></th>
                <th class="width-15" (click)="orderData('sFullName')">组合名称<i class="fa fa-sort"></i></th>
                <th class="width-15" (click)="orderData('dSign')">签约日期<i class="fa fa-sort"></i></th>
                <th class="width-15" (click)="orderData('dEffective')">生效日期<i class="fa fa-sort"></i></th>
                <th class="width-15" (click)="orderData('dBegin')">运作日期<i class="fa fa-sort"></i></th>
                <th class="width-15" (click)="orderData('dEnd')">合同到期日<i class="fa fa-sort"></i></th>
                <th class="width-15" (click)="orderData('dStop')">终止日期<i class="fa fa-sort"></i></th>
              </tr>
            </thead>
            <tbody>
              <tr *ngFor="let item of dataList">
                <td class="width-5">
                  <div class="checkbox checkbox-primary">
                    <input type="checkbox" id="checkbox1" [(ngModel)]="item.isChecked" (ngModelChange)="ctrlCheckAll()">
                    <label>
                    </label>
                  </div>
                </td>
                <td (dblclick)="edit(item)" class="width-10 short_name" [attr.title]="item.sFundCode">{{item.sFundCode}}</td>
                <td (dblclick)="edit(item)" class="width-15 short_name" [attr.title]="item.sFullName">{{item.sFullName}}</td>
                <td (dblclick)="edit(item)" class="width-15  short_name" [attr.title]="item.dSign">{{item.dSign}}</td>
                <td (dblclick)="edit(item)" class="width-15  short_name" [attr.title]="item.dEffective">{{item.dEffective}}</td>
                <td (dblclick)="edit(item)" class="width-15  short_name" [attr.title]="item.dBegin">{{item.dBegin}}</td>
                <td (dblclick)="edit(item)" class="width-15 short_name" [attr.title]="item.dEnd">{{item.dEnd}}</td>
                <td (dblclick)="edit(item)" class="width-15 short_name" [attr.title]="item.dStop">{{item.dStop}}</td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
      <!-- 关系人视图 -->
      <div class="tab-pane" id="tab_sc3">
        <div style="overflow-x:scroll">
          <table id="fixed-table" class="table table-bordered table-hover table-keep-line table-striped">
            <thead>
              <tr>
                <th class="width-5">
                  <div class="checkbox checkbox-primary">
                    <input type="checkbox" id="checkboxAll" [(ngModel)]="isCheckedAll" (ngModelChange)="checkedAll()">
                    <label></label>
                  </div>
                </th>
                <th class="width-10" (click)="orderData('sFundCode')">组合代码<i class="fa fa-sort"></i></th>
                <th class="width-15" (click)="orderData('sFullName')">组合名称<i class="fa fa-sort"></i></th>
                <th class="width-20" (click)="orderData('sLinkPrincipalNoZh')">受托人<i class="fa fa-sort"></i></th>
                <th class="width-20" (click)="orderData('sTrusteeZh')">托管人<i class="fa fa-sort"></i></th>
                <th class="width-15" (click)="orderData('sProjectManager')">项目经理<i class="fa fa-sort"></i></th>
                <th class="width-15" (click)="orderData('sManagerNo')">投资经理<i class="fa fa-sort"></i></th>
              </tr>
            </thead>
            <tbody>
              <tr *ngFor="let item of dataList">
                <td class="width-5">
                  <div class="checkbox checkbox-primary">
                    <input type="checkbox" id="checkbox1" [(ngModel)]="item.isChecked" (ngModelChange)="ctrlCheckAll()">
                    <label></label>
                  </div>
                </td>
                <td (dblclick)="edit(item)" class="width-10 short_name" [attr.title]="item.sFundCode">{{item.sFundCode}}</td>
                <td (dblclick)="edit(item)" class="width-15 short_name" [attr.title]="item.sFullName">{{item.sFullName}}</td>
                <td (dblclick)="edit(item)" class="width-20 short_name" [attr.title]="item.sLinkPrincipalNoZh">{{item.sLinkPrincipalNoZh}}</td>
                <td (dblclick)="edit(item)" class="width-20 short_name" [attr.title]="item.sTrusteeZh">{{item.sTrusteeZh}}</td>
                <td (dblclick)="edit(item)" class="width-15 short_name" [attr.title]="item.sProjectManager">{{item.sProjectManager}}</td>
                <td (dblclick)="edit(item)" class="width-15 short_name" [attr.title]="item.sManagerNo">{{item.sManagerNo}}</td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>

      <div class="box-footer clearfix" style="width:100%;">
        <app-pagination [currentPageNum]="listPageInfo.currentPageNum" [pagesShow]="" [totalPages]="listPageInfo.totalPages" (pageChanged)="pageNavigation($event)">
          <div class="pull-left pagination-detail" data-pagination-additional="true">
            <span class="pagination-info">
              当前显示第{{listPageInfo.startRow}}到第{{listPageInfo.endRow}}条，总共{{listPageInfo.total}}条，
            </span>
            <span class="page-list">
              每页记录
              <span class="btn-group dropup">
                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                  <span class="page-size">{{listPageInfo.pageSize}}</span>
            <span class="caret"></span>
            </button>
            <ul class="dropdown-menu" role="menu">
              <li *ngFor="let i of listPageInfo.pageList" role="menuitem" [class.active]="listPageInfo.pageSize === i" (click)="sizeChange(i)">
                <a>{{i}}</a>
              </li>
            </ul>
            </span>
            条
            </span>
          </div>
        </app-pagination>
      </div>
    </div>
  </div>
</div>